import 'package:flutter/material.dart';
import 'package:meal/constant/sizes.dart';
import 'package:meal/utils/colors.dart';
import 'package:meal/utils/styles.dart';
import 'package:meal/utils/tools.dart';

class ApplyStore extends StatefulWidget {
  const ApplyStore({Key? key}) : super(key: key);

  @override
  State<ApplyStore> createState() => _ApplyStoreState();
}

class _ApplyStoreState extends State<ApplyStore> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: ToolsUtils.getDefaultBackgroundColor(),
      appBar: ToolsUtils.getDefaultBrnAppBar('开店申请详情'),
      body: SingleChildScrollView(
        padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
        child: Column(
          children: [
            Container(
              padding: const EdgeInsets.all(Sizes.default10),
              child: ListBody(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text('您的开店申请已经提交成功。',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797)),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text('我们将在1-3个工作日内完成线上审核工作，请您耐心等候，并留意审核进程。',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797)),
                  ),
                ],
              ),
            ),
            Container(
                margin: const EdgeInsets.only(top: Sizes.default10),
                padding: const EdgeInsets.all(Sizes.default10),
                decoration: const BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
                child: SizedBox(
                  height: Sizes.default80,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Expanded(
                          child: Container(
                        padding: const EdgeInsets.only(right: Sizes.default10),
                        child: Column(
                          children: [
                            Expanded(
                                child: Container(
                              alignment: Alignment.centerLeft,
                              child: Text('负责人：张店长',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: Sizes.default15, color: ColorsUtils.color333)),
                            )),
                            Expanded(
                                child: Container(
                              alignment: Alignment.centerLeft,
                              child: Text('手机号：+86 13612345678',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: Sizes.default15, color: ColorsUtils.color333)),
                            )),
                          ],
                        ),
                      )),
                      Container(
                        alignment: Alignment.center,
                        width: Sizes.default80,
                        height: Sizes.default70,
                        decoration: BoxDecoration(
                          image: DecorationImage(
                            image: ToolsUtils.assetImage('apply.png'),
                            alignment: Alignment.topLeft,
                            fit: BoxFit.contain,
                          ),
                        ),
                        child: Transform.rotate(
                          angle: 32,
                          child: Text(
                            '审核中',
                            style: StylesUtils.customTextStyle(
                                fontSize: Sizes.default16, color: ColorsUtils.color006),
                          ),
                        ),
                      ),
                    ],
                  ),
                )),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text('店铺类型：餐饮店铺',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color333, fontSize: Sizes.default15)),
                  ),
                  Container(
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    alignment: Alignment.centerLeft,
                    child: Wrap(
                      alignment: WrapAlignment.start,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      spacing: Sizes.default10,
                      children: [
                        Container(
                          constraints: const BoxConstraints.expand(width: 40, height: 20),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              color: Colors.white,
                              border: Border.all(color: ColorsUtils.rgba(255, 110, 83, 1)),
                              borderRadius: const BorderRadius.all(Radius.circular(2))),
                          child: Text(
                            '主营',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf6, fontSize: Sizes.default12),
                          ),
                        ),
                        Text('肠粉',
                            style: StylesUtils.customTextStyle(
                                fontSize: Sizes.default15, color: ColorsUtils.color333))
                      ],
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    alignment: Alignment.centerLeft,
                    child: Wrap(
                      alignment: WrapAlignment.start,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      spacing: Sizes.default10,
                      children: [
                        Container(
                          alignment: Alignment.center,
                          constraints: const BoxConstraints.expand(width: 40, height: 20),
                          decoration: BoxDecoration(
                              color: Colors.white,
                              border: Border.all(color: ColorsUtils.rgba(153, 153, 153, 1)),
                              borderRadius: const BorderRadius.all(Radius.circular(2))),
                          child: Text(
                            '辅营',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color999, fontSize: Sizes.default12),
                          ),
                        ),
                        Text('茶饮',
                            style: StylesUtils.customTextStyle(
                                fontSize: Sizes.default15, color: ColorsUtils.color333))
                      ],
                    ),
                  ),
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '中文店名：默林如斯的广东肠粉早餐店(凤凰广场店)',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    child: Text(
                      '所在地址：广西 北海市 海城区',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '详细地址：四川路凤凰树广场店',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  )
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    height: Sizes.default50,
                    alignment: Alignment.center,
                    child: Text('店铺门面图(需包含完整牌匾)',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: Sizes.default10),
                    alignment: Alignment.center,
                    child: Text('店内真实环境图',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '法人姓名：张发仁',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    child: Text(
                      '性别：男',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '证件类型：居民身份证',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    child: Text(
                      '证件号码：4510************034',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.only(bottom: Sizes.default10),
                    child: Text(
                      '有效日期：2035-10-12',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    height: Sizes.default50,
                    alignment: Alignment.center,
                    child: Text('证件正面图(国徽面)',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: Sizes.default10),
                    alignment: Alignment.center,
                    child: Text('证件背面图(照片面)',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '证件名称：营业执照',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    child: Text(
                      '证件编号：57447645',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.only(bottom: Sizes.default10),
                    child: Text(
                      '有效日期：2035-10-12',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    height: Sizes.default50,
                    alignment: Alignment.center,
                    child: Text('证件正面图',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default10),
              padding: const EdgeInsets.all(Sizes.default10),
              decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(Sizes.default10))),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '证件名称：经营许可证',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.symmetric(vertical: Sizes.default10),
                    child: Text(
                      '证件编号：57447645',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    margin: const EdgeInsets.only(bottom: Sizes.default10),
                    child: Text(
                      '有效日期：2035-10-12',
                      style: StylesUtils.customTextStyle(
                          fontSize: Sizes.default15, color: ColorsUtils.color333),
                    ),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: ToolsUtils.getAssetImage(
                        'bg.png',
                        width: 315,
                        height: 205),
                  ),
                  Container(
                    height: Sizes.default50,
                    alignment: Alignment.center,
                    child: Text('证件正面图',
                        style: StylesUtils.customTextStyle(
                            fontSize: Sizes.default15, color: ColorsUtils.color333)),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
